<template>
  <button
    :style="{ 'border-radius': `${borderRadius}px` }"
    :size="size"
    :type="type"
    :disabled="disabled"
    @click="this.$emit('click')"
  >
    <slot></slot>
  </button>
</template>

<script>
export default {
  props: {
    disabled: {
      type: Boolean,
      default: false,
    },
    borderRadius: {
      type: Number,
      default: 4,
    },
    size: {
      type: String,
      default: "default", // default | mini
    },
    type: {
      type: String,
      default: "primary", // primary | default | warn
    },
  },
  data() {
    return {};
  },
};
</script>

<style scoped lang="scss"></style>
